﻿@{
    ViewData["Title"] = "Details";
}

<!-- cron-trigger-details start -->
<section>
    <h2>cron-trigger-details</h2>
    <div class="pull-right">
        <button click.delegate="pause()">Pause</button>
        <button click.delegate="resume()">Resume</button>
    </div>

    <div class="row">
        <h4>Basic Information</h4>
        <div class="col-xs-4">Type</div>
        <div class="col-xs-8">${details.triggerType}</div>
    </div>
    <div class="row">
        <div class="col-xs-4">Key</div>
        <div class="col-xs-8">${details.name}.${details.group}</div>
    </div>
    <div class="row">
        <div class="col-xs-4">Description</div>
        <div class="col-xs-8">${details.description}</div>
    </div>
    <div class="row">
        <div class="col-xs-4">Priority</div>
        <div class="col-xs-8">${details.priority}</div>
    </div>

    <div class="row">
        <h4>Scheduling Configuration</h4>
        <div class="col-xs-4">Start</div>
        <div class="col-xs-8">${details.startTimeUtc | dateFormat}</div>
    </div>
    <div class="row">
        <div class="col-xs-4">End</div>
        <div class="col-xs-8">${details.endTimeUtc | dateFormat}</div>
    </div>
    <div class="row">
        <div class="col-xs-4">Calendar</div>
        <div class="col-xs-8">${details.calendar}</div>
    </div>

    <div class="row">
        <h4>Next 10 Fire Times</h4>
        <pre><code repeat.for="fireTime of details.nextFireTimes">${fireTime | dateFormat}<br /></code></pre>
    </div>
</section>
<!-- cron-trigger-details end -->